<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>UI</title>
</head>
<body>
	<script type="text/javascript">
		/////////////////////////////////
		///////////// Paneles ////////////
		//////////////////////////////////

		$("#panelFiltro").accordion({
			active : 1
		});
		$("#panelFiltrobamb").accordion({
			active : 1
		});
		$("#panelTabla").accordion({
			active : 1
		});
		$("#panelcursobuscado").accordion({
			active : 1
		});
		$("#panelambientebuscado").accordion({
			active : 1
		});
		
		$("#panelginfsolpen").accordion({
			active : 1
		});
		
		$("#panelginfdetsoli").accordion({
			active : 1
		});
		
		$("#panelginfhorario").accordion({
			active : 1
		});
		
		$("#panelginfdatainf").accordion({
			active : 1
		});
		
		$("#panelginambdisp").accordion({
			active : 1
		});
		
		$("#panelginfdocdisp").accordion({
			active : 1
		});
		
		$("#panelFiltrobdoc").accordion({
			active : 1
		});
		
		$("#paneldocbuscado").accordion({
			active : 1
		});

		/////////////////////////////////
		/////////////Botontes ////////////
		//////////////////////////////////

		/*			Usuario  */

		$("#btnNuevo").button({
			icons : {
				primary : "ui-icon-document"
			}
		}).click(function(event) {
			$("#dgEditar").dialog("open");
		});

		$("#btnBuscar").button({
			icons : {
				primary : "ui-icon-search"
			}
		});

		$("#btnEditar").button().on("click", function() {
			$("#dgEditar").dialog("open");
		});

		$("#btnEliminar").button().click(function(event) {
			$("#dgMsgEliminar").dialog("open");
		});

		$("#btnGrabar").button({
			icons : {
				primary : "ui-icon-disk"
			}
		}).on("click", function() {
			$("#dgEditar").dialog("close");
			$("#dgMsgOptimo").dialog("open");
		});

		$("#btnCancelar").button({
			icons : {
				primary : "ui-icon-arrowreturnthick-1-w"
			}
		}).click(function(event) {
			$("#dgEditar").dialog("close");
		});

		/* 						Perfiles */
		$("#btnPerfil").button({
			icons : {
				primary : "ui-icon-gear"
			}
		}).click(function(event) {
			$("#dgPerfil").dialog("open");
		});

		$("#btnAddPerfil").button({
			icons : {
				primary : "ui-icon-circle-plus"
			}
		}).click(function(event) {
			$("#dgMsgOptimo").dialog("open");
		});

		$("#btnEliminarPerfil").button().click(function(event) {
			$("#dgMsgEliminar").dialog("open");
		});

		/*			Curso  */
		$("#btnBuscarCurso").button({
			icons : {
				primary : "ui-icon-search"
			}
		}).click(function(event) {
			event.preventDefault();
		});

		$("#btnNuevoCurso").button({
			icons : {
				primary : "ui-icon-document"
			}
		}).click(function(event) {
			$("#dgEditarCurso").dialog("open");
		});

		$("#btnEditarCurso").button().on("click", function() {
			$("#dgEditarCurso").dialog("open");
		});

		$("#btnEliminarCurso").button().click(function(event) {
			$("#dgMsgEliminar").dialog("open");
		});

		$("#btnGrabarCurso").button({
			icons : {
				primary : "ui-icon-disk"
			}
		}).on("click", function() {
			$("#dgEditarCurso").dialog("close");
			$("#dgMsgOptimo").dialog("open");
		});

		$("#btnCancelarCurso").button({
			icons : {
				primary : "ui-icon-arrowreturnthick-1-w"
			}
		}).click(function(event) {
			$("#dgEditarCurso").dialog("close");
		});

		/* Programa */

		$("#addcursoprograma").button({
			icons : {
				primary : "ui-icon-circle-plus"
			}
		}).click(function(event) {
			$("#dgBuscarCurso").dialog("open");
		});

		$("#btnaceptarbusquedacurso").button({
			icons : {
				primary : "ui-icon-check"
			}
		}).click(function(event) {
			$("#dgBuscarCurso").dialog("close");
		});
		$("#btncancelarbusquedacurso").button({
			icons : {
				primary : "ui-icon-arrowreturnthick-1-w"
			}
		}).click(function(event) {
			$("#dgBuscarCurso").dialog("close");
		});

		$("#btnBuscarambiente").button({
			icons : {
				primary : "ui-icon-search"
			}
		}).click(function(event) {
			event.preventDefault();
		});

		$("#btnaceptarbusquedaambiente").button({
			icons : {
				primary : "ui-icon-check"
			}
		}).click(function(event) {
			$("#dgBuscarAmbiente").dialog("close");
		});
		$("#btncancelarbusquedaambiente").button({
			icons : {
				primary : "ui-icon-arrowreturnthick-1-w"
			}
		}).click(function(event) {
			$("#dgBuscarAmbiente").dialog("close");
		});

		/*  			Generar Solicitud*/

		$("#btnbuscarcursosoli").button({
			icons : {
				primary : "ui-icon-search"
			}
		}).click(function(event) {
			$("#dgBuscarCurso").dialog("open");
		});
		
		$("#btnenviarSoli").button({
			icons : {
				primary : "ui-icon-mail-closed",
				secondary : "ui-icon-circle-arrow-e"
			}
		}).click(function(event) {
			event.preventDefault();
		});
		
			
		/*  			GENERAR INF DISP*/
		$("#btnbambinf").button({
			icons : {
				primary : "ui-icon-search"
			}
		}).click(function(event) {
			$("#dgBuscarAmbiente").dialog("open");
		});
		
		$("#btnbdocinf").button({
			icons : {
				primary : "ui-icon-search"
			}
		}).click(function(event) {
			$("#dgBuscarDocente").dialog("open");
		});
		
		$("#btngenerarinforme").button({
			icons : {
				primary : "ui-icon-note"
			}
		}).click(function(event) {
			event.preventDefault();
		});
		
		
		
		/*  			Buscar Docente*/
		$("#btnbuscardocente").button({
			icons : {
				primary : "ui-icon-search"
			}
		}).click(function(event) {
			event.preventDefault();
		});
		
		$("#btnaceptarbusquedadoc").button({
			icons : {
				primary : "ui-icon-check"
			}
		}).click(function(event) {
			$("#dgBuscarDocente").dialog("close");
		});
		$("#btncancelarbusquedadoc").button({
			icons : {
				primary : "ui-icon-arrowreturnthick-1-w"
			}
		}).click(function(event) {
			$("#dgBuscarDocente").dialog("close");
		});
		
		
		////////////////////////////////
		///////////// Dialogs ////////////
		//////////////////////////////////

		/*				Usuario  */
		$("#dgEditar").dialog({
			autoOpen : false,
			modal : true,
			width : 450
		});

		$("#dgPerfil").dialog({
			autoOpen : false,
			modal : true,
			height : 300,
			width : 400
		});

		$("#dgMsgOptimo").dialog({
			autoOpen : false,
			modal : true,
			width : 400,
			buttons : {
				Ok : function() {
					$(this).dialog("close");
				}
			}
		});

		$("#dgMsgEliminar").dialog({
			autoOpen : false,
			modal : true,
			width : 400,
			buttons : {
				Ok : function() {
					$(this).dialog("close");
				}
			}
		});

		/*				Curso  */
		$("#dgEditarCurso").dialog({
			autoOpen : false,
			modal : true,
			width : 500
		});

		/*    			Programa */

		$("#dgBuscarCurso").dialog({
			autoOpen : false,
			modal : true,
			width : 650
		});

		$("#dgBuscarAmbiente").dialog({
			autoOpen : false,
			modal : true,
			width : 460
		});
		
		/*  INFORME*/
		$("#dgBuscarDocente").dialog({
			autoOpen : false,
			modal : true,
			width : 600
		});

		/////////////////////////////////
		///////////// datePicker ////////////
		//////////////////////////////////

		$("#txtFecNac").datepicker({
			changeMonth : true,
			changeYear : true,
			minDate : "-40Y",
			maxDate : "-19Y",
			dateFormat : 'yy-mm-dd'
		});

		$("#fecini").datepicker({
			changeMonth : true,
			changeYear : true,
			minDate : "-0",
			dateFormat : 'yy-mm-dd'
		});

		$("#fecfin").datepicker({
			changeMonth : true,
			changeYear : true,
			minDate : "-0",
			dateFormat : 'yy-mm-dd'
		});

		/////////////////////////////////
		///////////// Combos ////////////
		//////////////////////////////////

		$("#cboPerfil").selectmenu({
			width : 200
		});

		$("#cboEstadoFiltro").selectmenu({
			width : 200
		});

		$("#cbotipoambiente").selectmenu({
			width : 200
		});
		
		$("#cbofrec").selectmenu({
			width : 200
		});

		///////////////////////////////////
		///////////Tabs////////////////////
		///////////////////////////////////

		/* Programa */

		$("#tabs").tabs({
			disabled : [ 1, 2 ]
		});

		////////////////////////////////////
		////////////SPINNER/////////////////
		///////////////////////////////////

		$("#txthini").spinner({
			min : 9,
			max : 23
		});
		$("#txthfin").spinner({
			min : 9,
			max : 23
		});
	</script>
</body>
</html>